<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- 理想视口 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">



  <!-- 引入amazeui -->
  <link rel="stylesheet" href="../lib/amazeui/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="../lib/amazeui/assets/css/app.css">


  <!-- 基础样式，包含  头部  搜索框  底部 -->
  <link rel="stylesheet" href="../css/base.css">

  <!-- 页面样式 ， 头尾、搜索框样式已包含在base文件中-->
  <link rel="stylesheet" href="../css/brandTitle.css">

  <title>全部品牌</title>
</head>
<body>


  <!-- header 头部 -->
  <header>
    <h1>
      <a href="../index.html">
        <img src="../images/header_logo.png" alt="">
      </a>
    </h1>

    <a href="javascript:;">
      <img src="../images/header_app.png" alt="">
    </a>

  </header>

  <!-- search 搜索框 -->
  <section class="mmm_search">
    <form action="#">
      <input class="search_inp" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>

  <!-- 面包屑导航 -->
  <ol class="am-breadcrumb">
    <li><a class="am-icon-home" href="#">首页</a></li>
    <li><a class="am-icon-list" href="#">分类</a></li>
    <li class="am-active">内容</li>
  </ol>

  <div class="hot_title">热门品牌排行</div>
  <div class="hot_content">
    <ul>
      <!--内容渲染占坑-->
    </ul>
  </div>

  <!-- footer 底部 -->
  <footer>
    <div class="footer_nav">
      <a href="./login.html">登录</a>
      <a href="./register.html">注册</a>
      <a class="toTOP" href="javascript:;">返回顶部</a>
    </div>
    <div class="footer_app">
      <a href="javascript:;">手机app下载</a>
      <a href="javascript:;">慢慢买手机版</a>
      <span class="tips"> -- 掌上比价平台</span>
    </div>
    <div class="footer_com">m.manmanbuy.com</div>

  </footer>
  


<!-- zepto -->
<script src="../lib/zepto/dist/zepto.min.js"></script>
<!-- art-template模板 -->
<script src="../lib/art-template/template-web.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>


<!-- jquery -->
<script src="../lib/jquery/jquery.min.js"></script>
<!-- amazeui -->
<script src="../lib/amazeui/assets/js/amazeui.min.js"></script>





<!-- base文件中包含响应式字体设置等方法 -->
<script src="../js/base.js"></script>



<!-- 页面对应的js -->
<script src="../js/brandTitle.js"></script>



</body>
</html>

<!--十大品牌模板-->
<script type="text/template" id="brandTitleTmp">
  {{each result value key}}
      <li data-id="{{value.brandTitleId}}">
        <div class="hot_content_title">
            <em>{{value.brandTitle}}</em>
            <span class="am-icon-sort-desc"></span>
        </div>
      </li>
  {{/each}}
</script>

<!--十大品牌内容模板-->
<script type="text/template" id="brandContentTmp">
{{each result value key}}
    <div class="brand_content" data-id="{{value.brandTitleId}}">
      <div class="top_text">{{value.brandName}}</div>
      <div class="bottom_text">{{value.brandInfo}}</div>
    </div>
 {{/each}}
</script>





